import { useMouse, useScroll } from './hooks'

export default function App() {
  const pos = useMouse()
  const scroll = useScroll()
  console.log(scroll)
  return (
    <div>
      {/* #3 */}
      <div
        style={{
          width: 100,
          height: 100,
          position: 'absolute',
          top: pos.y,
          left: pos.x,
          backgroundColor: 'pink',
          borderRadius: '50%',
        }}
      ></div>
    </div>
  )
}
